/* ========================================================================
     Component: portlets
 ========================================================================== */

// A minimum height is necessary
// to allow empty cols accept portlets

[portlet] {

  min-height: 30px;

  // Manually choose which element 
  // shows a pointer to indicate drag
  &.portlet-handler,
  .portlet-handler {
    cursor: move;
  }
}

.portlets-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: auto;
}

// jqueryUI controls the height, so we reuse 
// the placeholder component with zero padding
// .portlet is just to detect the portlet instance

.portlet.box-placeholder {

  padding: 0;

}

// Sometimes some element shouldn't trigger a drag
// add this class to any element to cancel drag
.portlet-cancel {
}